<template>
    <div id="div1">
        <table>
            <tr><td colspan="4">头像</td></tr>
            <tr><td class="td">姓名</td><td><input type="text" placeholder="请输入"></td>
            <td class="td">手机号</td><td><input type="text" placeholder="请输入"></td></tr>
            <tr><td class="td">单位</td><td><input type="text" placeholder="请输入"></td>
            <td class="td">部门</td><td><input type="text" placeholder="请输入"></td></tr>
            <tr><td class="td">职务</td><td><input type="text" placeholder="请输入"></td>
            <td class="td">邮箱</td><td><input type="text" placeholder="请输入"></td></tr>
            <tr><td class="td">年龄</td><td><input type="text" placeholder="请输入"></td>
            <td class="td">性别</td><td><input type="text" placeholder="请输入"></td></tr>
            <tr><td class="td">账号密码</td><td><input type="text" placeholder="请输入"></td>
            <td class="td">再次输入账号密码</td><td><input type="text" placeholder="请输入"></td></tr>
            <tr><td colspan="4"><button class="but1">保存</button><button class="but1">取消</button></td></tr>
        </table>
    </div>
</template>
<script>

</script>
<style>
#div1{
    border: 2px solid white;
    background-color: white;
}
 td{
        width: 10%;
        height:50px;
    }
    .td{
        text-align: right; 
    }
    .but1{
        margin-top: 150px;
        margin-left: 10px;
    }
</style>
